<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
	request.setAttribute("basePath", basePath);
%>


<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>增加订单页面</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<base href="${basePath}/statics/">
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/font.css">
		<link rel="stylesheet" href="css/xadmin.css">
		<script src="js/jquery.min.js"></script>
		<script type="text/javascript" src="lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="js/xadmin.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
     <%--<!-- <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>-->--%>
    <![endif]-->
	</head>

	<body class="form-wrap">

		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-card-header">添加人事页面</div>
				<div class="layui-card-body" style="padding: 15px;">
					<form class="layui-form" action="${basePath}/documents/personnel/addpersonnelform.action" lay-filter="component-form-group">

						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">公司编号</label>
								<div class="layui-input-inline">
									<input type="text" name="companyId" id="companyId"  required="required"  autocomplete="off" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">表状态</label>
								<div class="layui-input-inline">
									<input type="text" name="formStatsId" id="formStatsId"  required="required"  autocomplete="off" class="layui-input">
								</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">申请人</label>
							<div class="layui-input-inline">
								<input type="text" id="userId" name="userId"   autocomplete="off"  required="required" class="layui-input">
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">调动部门</label>
							<div class="layui-input-inline">
								<input type="text" id="deptId" name="deptId"   autocomplete="off"  required="required" class="layui-input">
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">调动科室</label>
							<div class="layui-input-inline">
								<input type="text" id="sectionId" name="sectionId"    autocomplete="off"  required="required" class="layui-input">
							</div>
						</div>
					
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">调动职位</label>
								<div class="layui-input-inline">
									<input type="text" name="postId" id="postId"    lay-verify="required|phone"   required="required" autocomplete="off" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">调动原因</label>
								<div class="layui-input-inline">
									<input type="text" name="personnelReason" id="personnelReason"    lay-verify="required|phone"   required="required" autocomplete="off" class="layui-input">
								</div>
							</div>
						</div><div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">调动时间</label>
							<div class="layui-input-inline">
								<input type="text" name="personnelDate" id="personnelDate"    lay-verify="required|phone"   required="required" autocomplete="off" class="layui-input">
							</div>
						</div>
					</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">当前审核人</label>
								<div class="layui-input-inline">
									<input type="text" name="pid" id="pid"    lay-verify="required|phone"   required="required" autocomplete="off" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">流程记录信息</label>
								<div class="layui-input-inline">
									<input type="text" name="personnelRecord" id="personnelRecord"    lay-verify="required|phone"   required="required" autocomplete="off" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">备注</label>
								<div class="layui-input-inline">
									<input type="text" name="personnelNote" id="personnelNote"   required="required" autocomplete="off" class="layui-input">
								</div>
							</div>
						</div>

						<div class="layui-input-block">
								<div class="layui-footer" style="left: 0;">
									<button type="submit" class="layui-btn" >立即提交</button>
									<button type="reset" class="layui-btn layui-btn-primary">重置</button>
								</div>
							</div>
					</form>
				</div>
			</div>
		</div>

		<%--<script>
			layui.config({
				base: '../../../layuiadmin/' //静态资源所在路径
			}).extend({
				index: 'lib/index' //主入口模块
			}).use(['index', 'form', 'laydate'], function() {
				var $ = layui.$,
					admin = layui.admin,
					element = layui.element,
					layer = layui.layer,
					laydate = layui.laydate,
					form = layui.form;

				form.render(null, 'component-form-group');

				laydate.render({
					elem: '#LAY-component-form-group-date'
				});

				/* 自定义验证规则 */
				form.verify({
					title: function(value) {
						if(value.length < 5) {
							return '标题至少得5个字符啊';
						}
					},
					pass: [/(.+){6,12}$/, '密码必须6到12位'],
					content: function(value) {
						layedit.sync(editIndex);
					}
				});

				/* 监听指定开关 */
				form.on('switch(component-form-switchTest)', function(data) {
					layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
						offset: '6px'
					});
					layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
				});

				/* 监听提交 */
				form.on('submit(component-form-demo1)', function(data) {
					parent.layer.alert(JSON.stringify(data.field), {
						title: '最终的提交信息'
					})
					return false;
				});
			});
		</script>--%>

		<style id="LAY_layadmin_theme">
			.layui-side-menu,
			.layadmin-pagetabs .layui-tab-title li:after,
			.layadmin-pagetabs .layui-tab-title li.layui-this:after,
			.layui-layer-admin .layui-layer-title,
			.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child {
				background-color: #20222A !important;
			}
			
			.layui-nav-tree .layui-this,
			.layui-nav-tree .layui-this>a,
			.layui-nav-tree .layui-nav-child dd.layui-this,
			.layui-nav-tree .layui-nav-child dd.layui-this a {
				background-color: #009688 !important;
			}
			
			.layui-layout-admin .layui-logo {
				background-color: #20222A !important;
			}
		</style>
	</body>

</html>